<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
       
       
<style type="text/css">
body {
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}
.wholemenu {width: 970px; margin: 0 auto;}



ul#topnav {
	margin: 0 45px; padding: 0;
	float: left;
/*	width: 970px;*/
        width: auto;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background:url(../style/images/topnav_s.png) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url(../style/images/topnav_a.png) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
        background: limegreen;
/*	background: #1376c9;*/
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
        width: 800px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
</style>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
$("ul#topnav li").hover(function() { //Hover over event on list item
	$(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item
	$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
	$(this).css({ 'background' : 'none'}); //Ditch the background
	$(this).find("span").hide(); //Hide the subnav
});
	
});
</script>
</head>

<body>

<div class="wholemenu">	
	
    <ul id="topnav">
        <li><a href="home.php">Home</a></li>
        <li>
            <a href="">Application</a>
            <span>
                <a href="../resources/applicationform.php">Application Form</a> |
                <a href="../resources/creditinvestigation.php">Credit Investigation</a> |
                <a href="../resources/appraisalreport.php">Appraisal Report</a> |
                <a href="../resources/creditinvestigation.php">Credit Matrix</a> |
         	<a href="#nogo56">Attachments</a>
            </span>
        </li>
        <li>
            <a href="">Request</a>
            <span>
                        <a href="#nogo54">Create Request</a> |
			<a href="#nogo55">Send Request</a>
            </span>
        </li>
        <li>
            <a href="">Approval</a>
            <span>
                <a href="">For Approval</a> 
                
            </span>
        </li>
        <li><a href="">Release</a>
        <span>
                <a href="">Check</a> |
                <a href="">Voucher</a>
            </span>
        </li>
        
        <li>
            <a href="">Collection</a>
            
        </li>
        <li>
            <a href="">Performace/Incentives</a>
            <span>
                <a href="">For Approval</a> |
                <a href="#nogo54">Incentive</a>
            </span>
        </li>
        
        <li>
            <a href="">Inquiry</a>
        </li>
        
        
        <li>
            <a href="">Reports</a>
            <span>
                        <a href="#nogo54">Loan Requests Report</a> |
                        <a href="#nogo54">Approved Loans Report</a> |
                        <a href="#nogo54">Check Register</a> |
                        <a href="#nogo54">Check Released</a> |
                        
                        <a href="#nogo54">Cash Collection Report</a> | 
                        <a href="#nogo54">Daily Cash Report</a> |
                        <a href="#nogo54">Performance</a> |
                        <a href="#nogo54">Incentives</a> |
                        <a href="#nogo54">Account Representative Daily Report</a> |
                        <a href="#nogo54">DCCR</a> 
                       
            </span>
        </li>
        
           <li>
            <a href="">Administrator</a>
        </li>
       
        
    </ul>
	

</div>

        
    </body>
</html>
